@import 'src/app/common/styles/variable/index.scss';
@import 'src/app/common/styles/mixin/index.scss';
.container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 $pagePadding;
  height: calc(100vh - #{$navbarHeight});
  background: #fff;
  .top {
    .title {
      padding: 0.24rem 0 0.72rem;
      font-size: 0.24rem;
      letter-spacing: 0.01rem;
    }
    .form {
      .form-group {
        display: flex;
        align-items: center;
        margin-bottom: $gutter;
        .ic {
          margin: 0 0.16rem 0 0.08rem;
          width: 0.16rem;
          height: auto;
        }
        input {
          flex: 1;
          height: 0.5rem;
          font-size: 0.2rem;
          letter-spacing: 0.01rem;
        }
        input::-webkit-input-placeholder {
          font-size: 0.16rem;
          line-height: normal;
          color: #b6b6b6;
        }
        input::-input-placeholder {
          font-size: 0.16rem;
          line-height: normal;
          color: #b6b6b6;
        }
      }
      .warn1 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.12rem;
        color: $font3;
        .login-psw {
          color: $info;
          font-size: 0.14rem;
        }
      }
      .btn {
        margin: 0.4rem 0 0.24rem;
        width: 100%;
        img {
          margin: 0.01rem 0.08rem 0 0;
          @include radius(0.18rem);
        }
      }
      .warn2 {
        font-size: 0.13rem;
        color: $font3;
        text-align: center;
        .agreement {
          color: $info;
        }
      }
    }
  }
  .bottom {
    .split {
      display: flex;
      align-items: center;
      .line {
        flex: 1;
        height: 0.01rem;
      }
      .txt {
        margin: 0 0.16rem;
        width: 0.8rem;
        font-size: 0.14rem;
        color: $font2;
      }
    }
    .ways {
      display: flex;
      margin: 0.32rem 0;
      .item {
        flex: 1;
        text-align: center;
        .iconbox {
          margin: 0 auto 0.16rem;
          @include radius(0.42rem);
          color: #fff;
          .icon {
            font-size: 0.32rem;
          }
          &.wechat {
            background: #3eb135;
          }
          &.qq {
            background: #4dafea;
          }
          &.weibo {
            background: #df4d69;
          }
        }
        .name {
          font-size: 0.12rem;
          color: $font3;
        }
      }
    }
  }
}
